// 我测试的混入对象
export const MrchenMixin = {
  data() {
    return {
      hello: "我是小陈 这是我的混入对象"
    }
  },

  methods: {
    runBoy() {
      console.log(this.hello);
    }
  }
}

// 回到顶部 >>> [首页/详情页]
import BackTop from "components/content/backTop/BackTop";
import { BACK_POSITION } from "utils/const";
export const backTopMixin = {
  // 组件注册
  components: {
    BackTop
  },

  // 组件数据
  data() {
    return {
      isShowBack: false
    }
  },

  // 组件方法
  methods: {
    // 注: 这里的this指向是哪个组件用 指向哪个组件
    // 监听是否该显示回到顶部icon
    listenShowBack(positionY) {
      // [BackTop是否显示] 因为我们向下滚动是y轴往下走 所以y轴为负数, 我们直接 [负负得正] 就完了
      this.isShowBack = -positionY > BACK_POSITION;
    },

    // 回到顶部
    backTop() {
      this.$refs.scroll.scrollTo(0, 0, 500);
    }
  }
}